<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>报备详情二</title>
        <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="css/bootstrap.min.css" rel="stylesheet" />
        <link href="fontAwesome/css/font-awesome.min.css" rel="stylesheet">
        <link href="css/common.css" rel="stylesheet" />
        <link href="css/main.css" rel="stylesheet" />
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">渠道管理<span class="f12">&nbsp;&nbsp;ERP</span></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="javascript:;">首页</a></li>
            <li><a href="javascript:;">机构管理</a></li>
            <li><a href="javascript:;">报备管理</a></li>
          </ul>
          <div class="login-settings">
            <a href="javascript:;" class="clearfix"  data-toggle="popover">
              <div class="loginImg"></div>
              <div class="loginName">木头</div>
              <i class="fa fa-caret-down"></i>
            </a>
          </div>
        </div>
    </nav>
    <div class="sidebar">
      <ul class="nav nav-sidebar">
        <li class="nav-parent">
            <a href="#" class="nav-parent-title"><i class="fa fa-th-large iconLeft"></i>首页<i class="fa fa-angle-down iconRight"></i></a>
            <ul class="nav nav-children">
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
            </ul>
        </li>
        <li class="nav-parent">
            <a href="#" class="nav-parent-title"><i class="fa fa-sitemap iconLeft"></i>机构管理<i class="fa fa-angle-down iconRight"></i></a>
            <ul class="nav nav-children">
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
            </ul>
        </li>
        <li class="nav-parent active">
            <a href="#" class="nav-parent-title"><i class="fa fa-edit iconLeft"></i>报备管理<i class="fa fa-angle-down iconRight"></i></a>
            <ul class="nav nav-children">
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
                <li><a href="javascript:;"><i class="fa fa-circle iconLeft"></i>二级导航</a></li>
            </ul>
        </li>
      </ul>
    </div>
    <div class="main">
        <div class="main-content">
            <ul class="flow-chart-list pT40">
                <li>
                    <span class="progress-spot active"></span>
                    <p class="ellipsis">报备未确认</p>
                </li>
                <li>
                    <span class="progress-spot active"></span>
                    <p class="ellipsis">报备未确认</p>
                </li>
                <li>
                    <span class="progress-spot"></span>
                    <p class="ellipsis">报备未确认</p>
                </li>
                <li>
                    <span class="progress-spot"></span>
                    <p class="ellipsis">报备未确认</p>
                </li>
                <li>
                    <span class="progress-spot"></span>
                    <p class="ellipsis">报备未确认</p>
                </li>
            </ul>
            <div class="information-form">
                <h3>客户基本信息</h3>
                <ul class="premises-details">
                    <li class="col-sm-12 col-md-6">
                      <div class="list-info-template">
                        <label class="control-label" for="">意向楼盘：</label>
                        <div class="control-details clearfix">
                            <div class="det-title">英伦都市奉贤</div>
                            <a href="javascript:;" class="title-details-btn">查看详情</a>
                        </div>
                      </div>
                    </li>
                    <li class="col-sm-12 col-md-6">
                      <div class="list-info-template">
                        <label class="control-label" for=""><span class="required">*</span>性别：</label>
                        <div class="control-details">
                            <div class="radio">
                                <label>
                                  <input type="radio" name="sex">男
                                </label>
                                <label>
                                  <input type="radio" name="sex">女
                                </label>
                            </div>
                        </div>
                      </div>
                    </li>
                    <li class="col-sm-12 col-md-6">
                      <div class="list-info-template">
                        <label class="control-label" for=""><span class="required">*</span>姓名：</label>
                        <div class="control-details">
                            <input type="text" class="form-control" placeholder="请输入姓名" /><span class="required">＊请输入正确的姓名</span>
                        </div>
                      </div>
                    </li>
                    <li class="col-sm-12 col-md-6">
                      <div class="list-info-template">
                        <label class="control-label" for=""><span class="required">*</span>手机：</label>
                        <div class="control-details">
                            <input type="text" class="form-control" placeholder="请输入手机号" />
                        </div>
                      </div>
                    </li>
                    <li class="col-sm-12">
                      <div class="list-info-template">
                        <label class="control-label" for=""><span class="required">*</span>备注：</label>
                        <div class="control-details">
                            <textarea  class="form-control" rows="4"></textarea>
                        </div>
                      </div>
                    </li>
                </ul>
                <button class="btn btn-theme btn-tj">提交</button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/main.js"></script>
</html>
